<template>
  <div class="header-page flex">
    <div class="main-contain flex">
      <div class="logo-box flex"
        ><img src="@/assets/images/zsk_logo.png" alt="" class="mr-2" />猼訑企业知识库</div
      >
    </div>
  </div>
</template>

<script setup lang="ts">
  import { ref, reactive, toRefs, onMounted } from 'vue';
</script>
<style scoped lang="less">
  .header-page {
    height: 76px;
    width: 100%;
    align-items: center;
    background: #333;
    color: #fff;
    .main-contain {
      width: 1400px;
      height: 100%;
      margin: 0 auto;
      align-items: center;
      .logo-box {
        font-size: 20px;
        font-weight: 700;
        align-items: center;
        img {
          width: 30px;
          height: 30px;
        }
      }
    }
  }
</style>
